/* Custom Scrollbar Styles */
.scrollbar-thin::-webkit-scrollbar {
  width: 6px;
}

.scrollbar-thin::-webkit-scrollbar-track {
  background: transparent;
}

.scrollbar-thin::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.1);
  border-radius: 9999px;
}

.scrollbar-thin::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.2);
}

.scrollbar-thin {
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 163, 175, 0.1) transparent;
}

.scrollbar-thin:hover {
  scrollbar-color: rgba(156, 163, 175, 0.2) transparent;
}

/* Hide scrollbar when not needed */
.scrollbar-thin::-webkit-scrollbar-thumb {
  visibility: auto;
}

.scrollbar-thin::-webkit-scrollbar-thumb:vertical:only-child {
  visibility: hidden;
}

/* Scrollbar styling for Firefox */
.scrollbar-thumb-rounded-md {
  scrollbar-width: thin;
}

.scrollbar-thumb-muted-foreground\/10 {
  scrollbar-color: rgba(156, 163, 175, 0.1) transparent;
}

.hover\:scrollbar-thumb-muted-foreground\/20:hover {
  scrollbar-color: rgba(156, 163, 175, 0.2) transparent;
}

/* Extra thin scrollbar for search dialog */
.scrollbar-extra-thin::-webkit-scrollbar {
  width: 3px;
}

.scrollbar-extra-thin::-webkit-scrollbar-track {
  background: transparent;
}

.scrollbar-extra-thin::-webkit-scrollbar-thumb {
  background-color: rgba(156, 163, 175, 0.08);
  border-radius: 9999px;
}

.scrollbar-extra-thin::-webkit-scrollbar-thumb:hover {
  background-color: rgba(156, 163, 175, 0.15);
}

.scrollbar-extra-thin {
  scrollbar-width: thin;
  scrollbar-color: rgba(156, 163, 175, 0.08) transparent;
}

.scrollbar-extra-thin:hover {
  scrollbar-color: rgba(156, 163, 175, 0.15) transparent;
}
